<template>
  <div id="app">
  	<router-link to="/dept/list/100/'开发部'">部门</router-link>
  	<router-link to="/company/list/90">公司</router-link>
  	<el-button size="mini" @click="touser">按钮</el-button>
  	<router-link :to="{name:'hello'}">命名路由</router-link>
  	
  	<!--放置路由页面的位置-->
    <el-row>
    		<el-col :span="12">
    			<router-view style="background: red;"></router-view>
    		</el-col>
    		<el-col :span="12">
    			<router-view name="right"></router-view>
    		</el-col>
    </el-row>
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld'
import User from "./components/User"
export default {
  name: 'App',
  components: {
    HelloWorld,
	User
  },
  methods:{
  	touser(){
  		this.$router.push(
  			{
  				name:"userlist",
  				params:{
  					name:"刘兴",
  					hobby:"看书"
  				}
  			}
  			
  		);
  	}
  }
}
</script>

<style>
</style>
